/* Clean Infinite Vertical Marquee */

.slider-wrap {
  height: 500px;
  position: relative;
  opacity: 0;
  animation: fadeIn 1s ease-in-out 0.5s forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.marquee-container {
  display: flex;
  flex-direction: column;
  animation: scrollUp 25s linear infinite;
  transform: translateY(-16.66%);
  /* Start in middle */
}

@keyframes scrollUp {
  0% {
    transform: translateY(-16.66%);
  }

  100% {
    transform: translateY(-50%);
  }
}

/*
.slider-wrap:hover .marquee-container {
  animation-play-state: paused;
}
*/

.left-marg-1,
.left-marg-2,
.left-marg-3,
.left-marg-4,
.left-marg-5 {
  flex-shrink: 0;
  margin-bottom: 20px;
}

/* Speed controls */
.speed-slow .marquee-container {
  animation-duration: 40s;
}

.speed-fast .marquee-container {
  animation-duration: 15s;
}